<template>
  <app-identities-horizontal-list
    :identities="identities.getIdentities()"
    :limit="limit"
    :as-svg="asSvg"
  />
</template>

<script setup lang="ts">
import { defineProps, computed } from 'vue';
import useOrganizationIdentities from '@/shared/modules/identities/config/useOrganizationIdentities';
import organizationOrder from '@/shared/modules/identities/config/identitiesOrder/organization';
import AppIdentitiesHorizontalList from '@/shared/modules/identities/components/identities-horizontal-list.vue';
import { Organization } from '@/modules/organization/types/Organization';

const props = defineProps<{
  organization: Organization;
  limit?: number;
  asSvg?: boolean;
}>();

const identities = computed(() => useOrganizationIdentities({
  organization: props.organization,
  order: organizationOrder.list,
}));
</script>

<script lang="ts">
export default {
  name: 'AppIdentitiesHorizontalListOrganizations',
};
</script>
